<template>
	<view class="studentPage" v-if="type != '机构'">
		<view class="choice">
			<view class="choice_item" @click="jumpToMyHomework()">
				<image src="../../static/myHomework.png" mode=""></image>
				<text>我的作业</text>
			</view>
			<view class="choice_item" style="margin-left: 22rpx;" @click="jumpToAttendance()">
				<image src="../../static/attendance.png" mode=""></image>
				<text>考勤打卡</text>
			</view>
		</view>
		<view class="title">
			我的日程
		</view>
		<view class="schedule">
			<view class="schedule_title">
				<view class="week">
					<image src="../../static/pre.png" mode="" @click="pre()"></image>
					<text>{{week.name}}</text>
					<image src="../../static/next.png" mode="" @click="next()"></image>
				</view>
				<view class="date">
					<text>{{date1}}</text>
					<view class="date_today">
						<text>今天</text>
					</view>
				</view>
				<view class="weekend">
					<text>一</text>
					<text>二</text>
					<text>三</text>
					<text>四</text>
					<text>五</text>
					<text>六</text>
					<text>日</text>
				</view>
				<view class="weekend_nm">
					<view class="week_item" v-for="(item,index) in tableData" :key="index" @click="jumpTheDay(index)">
						<view :class="item.isToday?'today':'notToDay'">
							<view :class="item.select?'selectDay':'week_item'">
								{{item.day}}
							</view>
						</view>
					</view>
				</view>
				<view class="listTitle" v-if="studentCourseList.length > 0">
					课程
				</view>
				<view class="listItem" v-for="(item,index) in studentCourseList" :key="index">
					{{item.name}}
					<text>{{item.time}}</text>
				</view>
				<view class="listItem" v-if="studentCourseList.length < 1">
					今天暂无课程
				</view>
				<view v-show="type == '学生'">
					<view class="listTitle" v-if="homeworkList.length > 0">
						作业
					</view>
					<view class="listItem" v-for="(item,index) in homeworkList" :key="index">
						{{item.name}}
						<text>{{item.time}}截止</text>
					</view>
				</view>
			</view>
		</view>
	</view>

	<!-- 管理页面 -->
	<view class="institutionPage" v-else>
		<view class="choice">
			<view class="choice1_item" @click="jumpToTeacherAttendance()">
				<image src="../../static/teacherAttendance.png" mode="widthFix"></image>
				<text>教师考勤</text>
			</view>
			<view class="choice1_item" @click="jumpToStudentAttendance()">
				<image src="../../static/studentAttendance.png" mode="widthFix"></image>
				<text>学生考勤</text>
			</view>

		</view>
		<view class="choice">
			<view class="choice1_item" @click="jumpToApprove()">
				<image src="../../static/auditPeople.png" mode="widthFix"></image>
				<text>审批管理</text>
			</view>
			<view class="choice1_item" @click="jumpToClassManage()">
				<image src="../../static/auditClass.png" mode="widthFix"></image>
				<text>班级管理</text>
			</view>
		</view>
		<view class="ziti">
			<text class="xiaoz">校长课堂</text>
			<text class="look" @click="jumpToMasterClass()">查看更多</text>
		</view>
		<!-- 校长课堂 -->
		<view v-if="institutionGuideCourseList.length != 0">
			<scroll-view scroll-x="true" style="white-space: nowrap;" enable-flex="true">
				<view style="display: flex; margin-left: 30rpx;">
					<view class="course_select" v-for="(item, index) in institutionGuideCourseList" :key="index" @click="jumpToVideo(item)">
						<view style="display: flex; flex-direction: column;">
							<view class="course_logo">
								<image :src="item.imageUrl" mode=""></image>
							</view>
							<view style="display: flex; flex-direction: column;">
								<text style="font-size: 20rpx; color: #313450;">{{item.name}}</text>
								<text style="font-size: 18rpx; color: #898A8F;">点击查看详细</text>
							</view>
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
		<view v-else>
			<view class="null">
				<image src="../../static/classnull.png" mode="widthFix"></image>
				<view style="justify-content: center; font-size: medium; width: 428rpx; margin-left: 280rpx; margin-top: 70rpx; color: #707070;">暂时没有课程</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	import cloudbase from '@cloudbase/js-sdk';

	const db = cloudbase.database();
	const dbCmd = db.command;
	let that;
	export default {
		data() {
			return {
				type: getApp().globalData.userInfo.type,
				// type: '学生',
				week: {
					name: '本周',
					id: 1
				},
				preDisable: false,
				nextDisable: false,
				tableData: [],
				date: [],
				lastDate: [],
				nextDate: [],
				date1: '',
				// 这个是显示学生的课程作业
				studentCourseList: [{
						name: '钢琴课（初级1班）',
						time: '09:00-11:00'
					},

					{
						name: '吉他课（初级1班）',
						time: '14:00-16:00'
					}
				],
				// 这个是给机构的视频指南
				institutionGuideCourseList: [],
				homeworkList: [{
						name: '钢琴课（初级1班）',
						time: '21:00'
					},

					{
						name: '吉他课（初级1班）',
						time: '21:00'
					}
				],
				// 机构端
				// imageList: ['cloud://inspace-v1.696e-inspace-v1-1302892928/staticImage/重复网格 60.png'],
				imageUrl: '',
				homeworkAll: [],
				classInfo: [],
				classPrice: '',
				teacherWage: ''
			}
		},
		onLoad() {
			that = this;
		},
		onShow() {
			this.type = getApp().globalData.userInfo.type;
			// 获取学生作业
			// console.log(getApp().globalData.userInfo.institutionId);
			if (getApp().globalData.userInfo.institutionId != '' && this.type == '学生' || this.type == '教师') {
				uni.showLoading({
					title: '加载中……'
				})
				that.classInfo = [];
				// console.log('获取课程');
				this.studentCourseList = [];
				this.homeworkAll = [];
				if(this.type == '学生') {
					this.getStudentHomeWork();
				}else if(this.type == '教师') {
					this.getTeacherHomeWork();
				}
			}
			if(this.type == '机构') {
				this.institutionGuideCourseList = [];
				this.getGuideCourseList();
			}
		},
		created() {
			this.getDay();
		},
		watch: {
			'week.id': function() {
				if (this.week.id == 0) {
					this.tableData = this.lastDate;
				} else if (this.week.id == 1) {
					this.tableData = this.date;
				} else {
					this.tableData = this.nextDate;
				}
			}
		},
		methods: {
			jumpToVideo: function(item) {
				if (getApp().globalData.userInfo.openId != '') {
					uni.navigateTo({
						url: '../video/video?item=' + JSON.stringify(item)
					})
				} else {
					uni.navigateTo({
						url: '../login/login'
					})
				}
			},
			// 获取校长课堂
			getGuideCourseList: function() {
				db.collection('course').where({
					type: '校长课堂'
				}).limit(6).get().then(res => {
					console.log(res.data);
					for(let i = 0; i < res.data.length; i++){
						console.log(res.data[i].status);
						if(res.data[i].status == '已发布'){
							this.institutionGuideCourseList.push(res.data[i]);
						}
					}
					for(let i = 0; i < this.institutionGuideCourseList.length; i++){
						if(this.institutionGuideCourseList[i].status == '未发布'){
							this.institutionGuideCourseList.pop();
						}
					}
					// this.institutionGuideCourseList = res.data;
					// console.log(that.institutionGuideCourseList);
				})
			},
			// 获取教师的课程
			getTeacherHomeWork: function() {
				this.homeworkList = [];
				db.collection('class').where({
					institutionId: getApp().globalData.userInfo.institutionId,
					teacher: getApp().globalData.userInfo.openId
				}).get().then(res => {
					let result = res.data;
					if(result.length > 0) {
						that.teacherWage = result[0].teacherWage;
					}
					this.showContent(result);
				})
			},
			// 获取学生作业
			getStudentHomeWork: function() {
				this.homeworkList = [];
				// 获取该学生加入的班级
				db.collection('class').where({
					institutionId: getApp().globalData.userInfo.institutionId,
					students: dbCmd.all([getApp().globalData.userInfo.openId])
				}).get().then(res => {
					let result = res.data;
					console.log(result)
					if(result.length > 0) {
						that.classPrice = result[0].price;
					}
					this.showContent(result);
				})
			},
			showContent: function(result) {
				let studentCourseList = [];
				result.forEach(items => {
					that.classInfo.push(items);
					// 获取今天是星期几
					let day = new Date().getDay() - 1;
					if (day == -1) day = 6;
					// 遍历课程
					this.getCourses(items, day, studentCourseList);
					// 遍历作业
					this.getHomework(items);
				})
				uni.hideLoading();
			},
			getCourses: function(items, day, studentCourseList) {
				if (items) {
					items.courses.forEach(item => {
						// 获取课程的名称
						db.collection('course').where({
							_id: item._id
						}).get().then(res => {
							// 课程名称
							let name = res.data[0].name;
							// 班级
							let className = items.name;
							let time = null;
							// console.log(name);
							let schedule = item.time[day];
							if (schedule != null) {
								schedule.forEach(item => {
									switch (item) {
										case '第一节':
											time = '8:00~10:00';
											break;
										case '第二节':
											time = '10:00~12:00';
											break;
										case '第三节':
											time = '14:00~16:00';
											break;
										case '第四节':
											time = '16:00~18:00';
											break;
										case '第五节':
											time = '19:00~21:00';
											break;
									}
									// console.log(time);
									if (time !== null) {
										studentCourseList.push({
											name: className + '（' + name + '）',
											time: time
										})
										this.studentCourseList = studentCourseList;
									}
								})
							}
						})
					})
				}
			},
			getHomework: function(items) {
				let homeworkList = items.homeworkList;
				let date = new Date();
				let openId = getApp().globalData.userInfo.openId;
				if (homeworkList) {
					// console.log(homeworkList);
					homeworkList.forEach(item => {
						if (item.students.indexOf(openId) == -1) {
							// console.log('未完成作业');
							// console.log(item);
							this.homeworkAll.push({
								endTime: item.endTime,
								feedback: item.feedback,
								name: item.name,
								subject: item.subject,
								time: item.time,
								_id: items._id
							});
						}
						// 获取未截止且未完成的作业
						if (new Date(item.endTime).getTime() >= date.getTime() && item.students.indexOf(openId) == -1) {
							this.homeworkList.push({
								name: item.name,
								time: item.endTime
							})
						}
					})
				}
			},
			jumpToMyHomework: function() {
				if (getApp().globalData.userInfo.openId != '') {
					// 判断是否加入了机构
					if(getApp().globalData.userInfo.institutionId) {
						uni.navigateTo({
							url: '../myHomework/myHomework?type=' + this.type + '&homeworkAll=' + JSON.stringify(this.homeworkAll)
						})
					}else {
						uni.showModal({
							title: '提示',
							content: '请先加入机构',
							success(res) {
								if(res.confirm) {
									uni.navigateTo({
										url: '../institution/institution'
									})
								}
							}
						})
					}
					
				} else {
					uni.navigateTo({
						url: '../login/login'
					})
				}
			},
			jumpToAttendance: function() {
				if (getApp().globalData.userInfo.openId != '') {
					// 判断是否加入了机构
					if(getApp().globalData.userInfo.institutionId) {
						uni.navigateTo({
							url: '../attendance/attendance?studentCourseList=' + JSON.stringify(this.studentCourseList) + '&type=' + this.type + '&price=' + (this.type == '学生' ? this.classPrice : this.teacherWage) 
						})
					}else {
						uni.showModal({
							title: '提示',
							content: '请先加入机构',
							success(res) {
								if(res.confirm) {
									uni.navigateTo({
										url: '../institution/institution'
									})
								}
							}
						})
					}
				} else {
					uni.navigateTo({
						url: '../login/login'
					})
				}
			},

			pre: function() {
				if (this.week.id == 1) {
					this.week.id = 0;
					this.week.name = '上周'
					this.preDisable = true;
				} else if (this.week.id == 2) {
					this.week.id = 1;
					this.week.name = '本周';
					this.nextDisable = false;
					this.preDisable = false;
				}
			},
			next: function() {
				if (this.week.id == 0) {
					this.week.id = 1;
					this.week.name = '本周',
						this.preDisable = false;
					this.nextDisable = false;
				} else if (this.week.id == 1) {
					this.week.id = 2;
					this.week.name = '下周',
						this.nextDisable = true;
					this.preDisable = false;
				}
			},
			// 获取当前周日期
			getDay: function() {
				this.date = [];
				let date = new Date();
				// 获取今天是星期几
				let weekIndex = date.getDay() - 1;
				if (weekIndex == -1) weekIndex = 6;
				let data = [];
				console.log(weekIndex);
				for (let i = weekIndex; i >= 0; i--) {
					data.push(this.getWeek(-i));
				}
				for (let i = 1; i <= 6 - weekIndex; i++) {
					data.push(this.getWeek(i));
				}
				// console.log(data);
				data.forEach(v => {
					let i = new Object();
					let result = v.split('/');
					i.year = result[0];
					i.month = result[1];
					i.day = result[2];
					i.select = false;
					if (v == this.getWeek(0)) {
						i.isToday = true;
						this.date1 = result[0] + '/' + result[1];
					} else {
						i.isToday = false;
					}

					this.date.push(i);
				})
				this.tableData = this.date;

				this.getLastWeek(weekIndex);
				this.getNextWeek(weekIndex);
				// console.log(this.date);
			},
			// 获取上周日期
			getLastWeek: function(weekIndex) {
				let data = [];
				for (let i = -7; i <= -1; i++) {
					data.push(this.getWeek(i - weekIndex));
				}
				this.lastDate = [];
				data.forEach(v => {
					let i = new Object();
					let result = v.split('/');
					i.year = result[0];
					i.month = result[1];
					i.day = result[2];
					i.select = false;
					i.isToday = false;

					this.lastDate.push(i);
				})
			},
			// 获取下周日期
			getNextWeek: function(weekIndex) {
				let data = [];
				for (let i = 7; i < 14; i++) {
					data.push(this.getWeek(i - weekIndex));
				}
				this.nextDate = [];
				data.forEach(v => {
					let i = new Object();
					let result = v.split('/');
					i.year = result[0];
					i.month = result[1];
					i.day = result[2];
					i.select = false;
					i.isToday = false;
					this.nextDate.push(i);
				})
			},
			// 获取日期
			getWeek: function(day) {
				let today = new Date();

				let milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day;

				today.setTime(milliseconds);

				let tYear = today.getFullYear();

				let tMonth = today.getMonth();

				let tDate = today.getDate();

				tMonth = tMonth + 1;

				tDate = tDate;

				return tYear + "/" + tMonth + "/" + tDate;

			},
			// 跳转到那天并获取日程
			jumpTheDay: function(index) {
				let studentCourseList = [];
				// 获取对应的作业
				this.classInfo.forEach(item => {
					this.getCourses(item, index, studentCourseList);
				})
				for (let i in this.tableData) {
					this.tableData[i].select = false;
					if (index == i) {
						this.tableData[i].select = true;
						this.date1 = this.tableData[i].year + '/' + this.tableData[i].month;
					}
				}
			},
			// 管理页面
			jumpToApprove: function() {
				if (getApp().globalData.userInfo.openId != '') {
					uni.navigateTo({
						url: '../approve/approve'
					})
				} else {
					uni.navigateTo({
						url: '../login/login'
					})
				}
			},

			jumpToClassManage: function() {
				if (getApp().globalData.userInfo.openId != '') {

					uni.navigateTo({
						url: '../class/class?operationType=manage'
					})
				} else {
					uni.navigateTo({
						url: '../login/login'
					})
				}
			},
			jumpToMasterClass: function() {
				if (getApp().globalData.userInfo.openId != '') {

					uni.navigateTo({
						url: '../masterClass/masterClass'
					})
				} else {
					uni.navigateTo({
						url: '../login/login'
					})
				}
			},
			jumpToTeacherAttendance: function() {
				if (getApp().globalData.userInfo.openId != '') {

					uni.navigateTo({
						url: '../teacher/teacher?listType=teacher'
					})
				} else {
					uni.navigateTo({
						url: '../login/login'
					})
				}
			},
			jumpToStudentAttendance: function() {
				if (getApp().globalData.userInfo.openId != '') {

					uni.navigateTo({
						url: "../teacher/teacher?listType=student"
					})
				} else {
					uni.navigateTo({
						url: '../login/login'
					})
				}
			},
			getImageUrl: function() {
				let that = this;

				// that.insInformation.imageUrl = [];
				cloudbase.getTempFileURL({
					fileList: that.imageList
				}).then(res => {
					// console.log(res);
					let list = res.fileList;
					// list.forEach(v => {
					// 	that.hotClassList.push(v.tempFileURL);
					// 	that.buyClassList.push(v.tempFileURL);
					// })
					that.imageUrl = list[0].tempFileURL;
					// console.log(that.hotClassList);
					// console.log(that.buyClassList);
					// console.log(that.insInformation.imageUrl)
				})
			},

		}
	}
</script>

<style>
	page {
		background-color: #F3F5F7;
	}

	.studentPage {
		width: 750rpx;
		margin-bottom: 30rpx;
		/* height: 1400rpx; */
		/* height: 1020rpx; */
		/* padding-bottom: 60px; */
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}


	.institutionPage {
		width: 750rpx;
		/* height: 1400rpx; */
		/* height: 1020rpx; */
		/* padding-bottom: 60px; */
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
		background-color: #F3F5F7;
	}

	.choice {
		width: 702rpx;
		height: 188rpx;
		margin-top: 24rpx;
		margin-left: auto;
		margin-right: auto;
	}

	.choice_item {
		width: 340rpx;
		height: 188rpx;
		display: inline-block;
		/* margin-right: 22rpx; */
		padding-left: 62rpx;
		box-sizing: border-box;
		border-radius: 32rpx;
		background-color: #FFFFFF;
		line-height: 188rpx;
		font-size: 30rpx;
		color: #707070;
		user-select: none;
	}

	.choice_item image {
		width: 80rpx;
		height: 80rpx;
		vertical-align: middle;
	}

	.title {
		width: 702rpx;
		height: 63rpx;
		margin-top: 33rpx;
		margin-right: auto;
		margin-left: auto;
		font-size: 45rpx;
		font-weight: 600;
		line-height: 63rpx;
	}

	.schedule {
		width: 702rpx;
		min-height: 600rpx;
		margin-top: 27rpx;
		margin-left: auto;
		margin-right: auto;
		border-radius: 40rpx;
		background-color: #FFFFFF;
	}

	.schedule_title {
		width: 601rpx;
		height: 236rpx;
		margin-top: 37rpx;
		margin-left: auto;
		margin-right: auto;
	}

	.week {
		width: 601rpx;
		height: 57rpx;
		text-align: center;
		font-size: 35rpx;
		line-height: 57rpx;
		display: inline-block;
	}

	.week image {
		width: 57rpx;
		height: 57rpx;
		font-size: 35rpx;
		line-height: 57rpx;
		display: inline-block;
		vertical-align: middle;
		margin-left: 14rpx;
		margin-right: 14rpx;
		background-color: #FFFFFF !important;
		border: none !important;
	}

	.date {
		width: 601rpx;
		height: 46rpx;
		margin-top: 10rpx;
		margin-right: auto;
		margin-left: auto;
		font-size: 33rpx;
		line-height: 46rpx;
		color: #707070;
	}

	.date_today {
		float: right;
		width: 71rpx;
		height: 46rpx;
		border-radius: 10rpx;
		background-color: #FFF7E6;
		color: #FD973F;
		font-size: 19rpx;
		line-height: 46rpx;
		text-align: center;
	}

	.weekend {
		/* background-color: #ff0000; */
		margin-left: 0rpx;
		/* width: 650rpx; */
		height: 57rpx;
		/* margin-right: auto; */
		font-size: 18rpx;
		line-height: 57rpx;
		color: #BEBEBE;
		display: flex;
		justify-content: space-between;
	}

	.weekend text {
		/* 	margin-left: 24rpx;
		margin-right: 50rpx; */
		text-align: center;
		display: inline-block;
		width: 40rpx;
	}

	.weekend_nm {
		/* background-color:#ff007f; */
		/* width: 650rpx; */
		height: 57rpx;
		margin-left: auto;
		margin-right: auto;
		font-size: 26rpx;
		line-height: 57rpx;
		color: #BEBEBE;
		display: flex;
		justify-content: space-between;

	}

	.week_item {
		width: 40rpx;
		height: 57rpx;
		border-radius: 10rpx;
		/* 		margin-right: 59rpx; */
		/* background-color: #0000FF; */
		/* background-color: #FFF7E6; */
		text-align: center;
		display: inline-block;
	}


	.today {
		background-color: #FFF7E6;
		border-radius: 10rpx;
		color: #FD973F;
	}

	.notToDay {
		background-color: #FFFFFF;
		border-radius: 10rpx;
		color: #707070;
	}

	.selectDay {
		background-color: #FD973F;
		border-radius: 10rpx;
		color: #FFFFFF;
	}

	.listTitle {
		width: 602rpx;
		height: 42rpx;
		margin-top: 20rpx;
		margin-right: auto;
		margin-left: auto;
		font-size: 30rpx;
		line-height: 42rpx;
		color: #666666;
	}

	.listItem {
		width: 602rpx;
		height: 84rpx;
		font-size: 30rpx;
		line-height: 84rpx;
		color: #222222;
	}

	.listItem text {
		float: right;
		color: #707070;
	}

	/* 管理页面 */


	.choice1_item {
		width: 340rpx;
		height: 188rpx;
		margin-right: 10rpx;
		padding-left: 62rpx;

		box-sizing: border-box;
		border-radius: 32rpx;
		background-color: #FFFFFF;
		line-height: 188rpx;
		font-size: 30rpx;
		color: #707070;
		user-select: none;
		display: inline-block;
	}

	.choice1_item image {

		width: 110rpx;
		height: 110rpx;
		vertical-align: middle;
	}

	.ph image {
		width: 100%;
	}

	.ziti {
		height: 5vh;
		margin-top: 40rpx;
	}

	.ziti .xiaoz {
		font-size: larger;
		margin-left: 30rpx;

	}

	.ziti .look {

		padding-right: 5%;
		float: right;
		font-size: small;
		margin-top: 5rpx;
		color: #FD973F;
	}

	.course {
		width: 330rpx;
		/* height:300rpx; */
		margin-top: 30rpx;
		margin-left: 25rpx;
		border-radius: 16rpx;
		background-color: #FFFFFF;
	}


	.single_course {}


	.class_background_img {
		/* background-color: #aa55ff; */
		width: 330rpx;
		height: 200rpx;


		/* 		border-top-left-radius: 16rpx;
			border-top-right-radius: 16rpx; */


	}

	.class_play_bar {
		margin-top: -47rpx;
		width: 330rpx;
		height: 40rpx;
		background-color: #b3afae;
		border-bottom-left-radius: 16rpx;
		border-bottom-right-radius: 16rpx;

		/* 设置透明度 为0.5*/
		opacity: 0.5;
		/* 容器置顶 */
		position: absolute;
		z-index: 998;



	}

	.class_Video_view {}

	.class_caption_title {
		font-size: 10px;
		font-weight: 100;
		margin: 3rpx;
		/* justify-content: center; */

	}

	.class_bottom_title {
		display: flex;
		font-weight: 150;
		font-size: 8px;
	}

	.background_photo {
		width: 330rpx;
		height: 200rpx;
		/* z-index: 999; */
	}

	.class_play_icon {
		/* background-color:#ffffff; */
		width: 22rpx;
		height: 22rpx;
		margin-top: 10rpx;
		margin-left: 25rpx;
		position: absolute;
		z-index: 999;
	}

	.class_Video_view {
		font-size: 8px;
		color: #FFFFFF;
		margin-left: 50rpx;
		margin-bottom: 50rpx;
	}
	
	
	.course_select {
		/* width: 220rpx; */
		padding: 10rpx;
		margin-top: 10rpx;
		margin-left: 0rpx;
		margin-right: 15rpx;
		margin-bottom: 10rpx;
		background-color: #FFFFFF;
		border-radius: 5px;
		box-shadow: 0 3px 6px rgba(0, 0, 0, .09);
	}
	
	.course_logo image {
		width: 210rpx;
		height: 297rpx;
		padding: 0rpx;
		margin-top: 0rpx;
		margin-left: 0rpx;
		margin-right: auto;
		margin-bottom: 5rpx;
		border-radius: 3px;
	}
	
	.null {
		width: 100%;
		/* height: 400rpx; */
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		color: #707070;
		margin-top: 50rpx;
	}
	.null image {
		
		/* height: 240rpx; */
		/* margin-left: 160rpx; */
		margin-top: 100rpx;
	}
</style>